// pages/hot-songs/index.js
import { songsStore } from "../../../store/index"; // 导入统一的状态管理 

// 导入封装的网络接口
// 1、getRecommendSongs：获取热门歌单详情接口
import {  getRecommendSongs } from "../../../service/api_songs";

Page({
  data: {
    songsList: null, // 分类歌单的名字数据
    songsData: {}, // 分类歌单的前 6 条歌单具体数据
  },

  onLoad() {
    // 从 store 中获取共享的数据
		songsStore.onState("songsList", res => {
			this.setData({ songsList: res });
		});

    // 调用获取分类歌单前 6 条歌单数据的函数
    this.getRecommendSongs();
  },

  // 获取分类歌单的详情歌单数据
  async getRecommendSongs() {
    const songsDetail = {}; // 存放每个分类下的歌单前 6 条数据
    for(let i = 0; i < this.data.songsList.length; i++) {
      await getRecommendSongs(this.data.songsList[i]).then(res => {
        songsDetail[this.data.songsList[i]] = res
      });
    }
    this.setData({ songsData: songsDetail });
  },

  // 点击 song-menu-item 组件进行页面跳转的事件
  handleMenuItemClick(event) {
    // 获取到点击的榜单 item
    const item = event.currentTarget.dataset.item;
    
    // 路由跳转，跳转到歌单详情页面
    wx.navigateTo({
      url: `/packageDetail/pages/detail-songs/index?id=${item.id}&type=menu`,
    });
  }
});